module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    colors: {
      '3d82ea': '#3d82ea',
      e5e5e5: '#e5e5e5',
      ff4656: '#ff4656',
      EBF0F5: '#EBF0F5',
      D3DFEB: '#D3DFEB',
      '5A6F82': '#5A6F82',
      '64B5EA': '#64B5EA',
      E7A11A: '#E7A11A',
      '19AA8D': '#19AA8D',
      FF4656: '#FF4656',
      white: 'white',
      '418CBD': '#418CBD',
      333333: '#333333',
      F4F6F8: '#F4F6F8',
      DBEAFF: '#DBEAFF'
    },
    extend: {
      margin: {
        2: '2px',
        4: '4px',
        5: '5px',
        6: '6px',
        8: '8px',
        10: '10px',
        12: '12px',
        14: '14px',
        16: '16px',
        20: '20px',
        24: '24px',
        27: '27px',
        28: '28px',
        32: '32px',
        36: '36px',
        40: '40px',
        48: '48px',
        64: '64px',
        76: '76px',
        84: '84px'
      },
      padding: {
        2: '2px',
        4: '4px',
        6: '6px',
        8: '8px',
        9: '9px',
        10: '10px',
        12: '12px',
        14: '14px',
        16: '16px',
        20: '20px',
        24: '24px',
        28: '28px',
        27: '27px',
        32: '32px',
        40: '40px',
        48: '48px',
        64: '64px',
        76: '76px',
        78: '78px',
        80: '80px',
        84: '84px',
        88: '88px',
        100: '100px',
        104: '104px',
        112: '112px'
      },
      font: {
        12: '12px',
        14: '14px',
        16: '16px',
        15: '15px',
        20: '20px',
        48: '48px',
        56: '56px'
      },
      fontSize: {
        12: '12px',
        14: '14px',
        15: '15px',
        16: '16px',
        15: '15px',
        20: '20px',
        48: '48px',
        56: '56px',
        192: '192px'
      },
      text: {
        12: '12px',
        14: '14px',
        16: '16px',
        32: '32px'
      },
      width: {
        4: '4px',
        8: '8px',
        16: '16px',
        24: '24px',
        48: '48px',
        82: '82px',
        90: '90px',
        119: '119px',
        192: '192px',
        200: '200px',
        220: '220px',
        256: '256px',
        262: '262px',
        268: '268px',
        272: '272px',
        288: '288px',
        304: '304px',
        364: '364px',
        400: '400px',
        992: '992px'
      },
      height: {
        4: '4px',
        8: '8px',
        16: '16px',
        24: '24px',
        28: '28px',
        48: '48px',
        52: '52px',
        160: '160px',
        168: '168px',
        176: '176px',
        224: '224px',
        236: '236px',
        268: '268px'
      },
      leading: {
        14: '14px',
        16: '16px',
        24: '24px'
      },
      lineHeight: {
        20: '20px',
        24: '24px',
        32: '32px',
        40: '40px'
      },
      borderWidth: {
        1: '1px'
      },
      borderRadius: {
        2: '2px',
        4: '4px'
      },
      inset: {
        26: '26px',
        27: '27px',
        32: '32px',
        '-26': '-26px',
        128: '128px'
      },
      rounded: {
        4: '4px'
      }
    }
  },
  plugins: []
}
